$(document).ready(function () {
//    $(".click").click(function () {
//        $(this).parent().toggleClass("redli greenli")
//        $(this).next().toggle();
//    });

    $(".data-line").hover(function () {
        $(this).toggleClass("data-line-hl");
    });

    //-----colorbox------
    $(".iframe").colorbox({iframe:true, width:"700px", height:"400px"});
    $(".inline").colorbox({inline:true, width:"50%"});
    $(".callbacks").colorbox({
        onOpen:function(){ alert('onOpen: colorbox is about to open'); },
        onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
        onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
        onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
        onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
    });

    AdjustColumnsHeight("#main_left", "#main_right");
});

AdjustColumnsHeight = function (obj1, obj2) {
    var h1 = $(obj1).outerHeight();
    var h2 = $(obj2).outerHeight();
    var mh = Math.max(h1, h2);
    $(obj1).height(mh);
    $(obj2).height(mh);
}
